<template>
  <div class="">
    <el-row :gutter="20" v-if="infoDetail.is_vaild == 2">
      <el-col :span="18">
        <balance />
      </el-col>
      <el-col :span="6">
        <!-- <vab-progress /> -->
        <notice />
      </el-col>
    </el-row>
    <div class="account" v-else>
      <img
        alt=""
        class="account_bg"
        src="@/assets/image/default/developing.png"
      />
      <h1>请等待认证结果</h1>
    </div>
  </div>
</template>

<script>
  import Balance from './components/balance'
  import Notice from './components/notice'
  // import VabProgress from './components/progress'
  import { mapGetters } from 'vuex'
  export default {
    name: 'Home',
    components: {
      Balance,
      Notice,
      // VabProgress,
    },
    computed: {
      ...mapGetters({
        infoDetail: 'user/infoDetail',
      }),
    },
    data() {
      return {
        loading: false,
        isShow: true,
      }
    },
  }
</script>

<style lang="scss" scoped>
  .home_cont {
    height: 100%;
    overflow: hidden;
    .home_item {
      height: 100%;
      overflow-x: hidden;
      overflow-y: scroll;
      -webkit-overflow-scrolling: touch;
    }
  }

  .home_item::-webkit-scrollbar-track-piece {
    background-color: rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(0, 0, 0, 0);
  }
  .home_item::-webkit-scrollbar {
    display: block;
    width: 5px;
    height: 10px;
    -webkit-margin-bottom-collapse: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .home_item::-webkit-scrollbar-thumb {
    min-height: 28px;
    background-color: transparent;
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .home_item::-webkit-scrollbar-thumb:hover {
    background-color: #e6e6e6;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .account {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 1000px;
    background-color: #fff;
    border-radius: 12px;
    .account_bg {
      width: 800px;
      height: 400px;
    }
  }
</style>
